<template>
	<view>
		<view>
			<!--个人信息-->
			<view class="banner msg">
				<image src="../../my/static/2.png" class="img"></image>
				<view>
					<view class="name">name</view>
					<view class="number">17808206202</view>
				</view>
			</view>
			<!--客服微信-->
			<view class="banner">
				<view class="item">
					<view class="item_title">
						<uni-icons type="contact" size="30" color="#00DD9A" class="icon"></uni-icons>
						<view class="word">机构客服微信</view>
					</view>
					<view class="right">></view>
				</view>
					
			</view>
			<!--功能块-->
			<view class="banner">
				<view class="item line">
					<view class="item_title">
						<uni-icons type="contact" size="30"color="#00DD9A" class="icon"></uni-icons>
						<view class="word">切换店铺</view>
					</view>
					<view class="right">></view>
				</view>
				<view class="item line">
					<view class="item_title">
						<uni-icons type="contact" size="30"color="#00DD9A" class="icon"></uni-icons>
						<view class="word">微信通知</view>
					</view>
					<view class="right">></view>
				</view>
				<view class="item line">
					<view class="item_title">
						<uni-icons type="contact" size="30"color="#00DD9A" class="icon"></uni-icons>
						<view class="word">我的预约</view>
					</view>
					<view class="right">></view>
				</view>
				<view class="item line">
					<view class="item_title">
						<uni-icons type="contact" size="30"color="#00DD9A" class="icon"></uni-icons>
						<view class="word">我的会员卡</view>
					</view>
					<view class="right">></view>
				</view>
				<view class="item line">
					<view class="item_title">
						<uni-icons type="contact" size="30"color="#00DD9A" class="icon"></uni-icons>
						<view class="word">我的支付订单</view>
					</view>
					<view class="right">></view>
				</view>
				<view class="item">
					<view class="item_title">
						<uni-icons type="contact" size="30"color="#00DD9A" class="icon"></uni-icons>
						<view class="word">会员协议</view>
					</view>
					<view class="right">></view>
				</view>
				
				
			</view>
			<!--联系开发商-->
			<view class="banner">
				<view class="item">
					<view class="item_title">
						<uni-icons type="contact" size="30" color="#00DD9A" class="icon"></uni-icons>
						<view class="word">联系软件开发商</view>
					</view>
					<view class="right">></view>
				</view>
			</view>
			<!--退出登录-->
			<view class="banner">
				<view class="quit">退出登录</view>
			</view>
		</view>
	</view>
</template>

<script>
	 
	export default {
		 
		data() {
		 
		},
		watch: {
		 
		},
		onPageScroll(e) {
			 
		},
		onLoad(e) {
			return;
			// 获取邀请码保存到本地
			 
		},
		//下拉刷新
		onPullDownRefresh() {
		 
		},
		//加载更多
		onReachBottom() {
		 
		},
		onHide() {
			//离开页面时关闭吸顶功能,用于处理h5环境运行下'bottom' of null报错的问题
			this.enable = false
		},
		onShow() {
		 
		},
		methods: {
			 

		}
	}
</script>

<style lang="scss">
	page {
		background: #F2F2F7;
	}
	
	.banner{
		background-color: white;
		margin: 16rpx 0px;
	}
	.item{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.item_title{
		display: flex;
		align-items: center;
	}
	.msg{
		display: flex;
		align-items: center;
	}
	.img{
		width: 80rpx;
		height: 80rpx;
		margin: 16rpx;
	}
	.name{
		font-weight: bold;
		font-size: 34rpx;
		margin: 16rpx;
	}
	.number{
		font-size: 23rpx;
		margin-left: 16rpx;
	}
	.icon{
		margin: 16rpx;
	}
	.word{
		font-weight: bold;
	}
	.right{
		padding-right: 26rpx;
		font-weight: bold;
		color:  #CCCCCC;
	}
	.line{
		border-bottom: #F2F2F7 2rpx solid;
	}
	.quit{
		font-weight: bold;
		font-size: 23rpx;
		text-align: center;
		padding: 16rpx 0px;
		margin: 32rpx 0px;
	}
</style>